@charset "utf-8";
.clearfix {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
}

* {
  word-wrap: break-word;
}
*::-moz-selection {
  background-color: #1a94e6;
  color: #fff;
}
*::selection {
  background-color: #1a94e6;
  color: #fff;
}
body,
div,
ol,
ul,
li,
p,
input,
textarea,
form,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
img,
select,
table,
tr,
td,
fieldset,
legend,
table,
tr,
td,
th {
  margin: 0;
  padding: 0;
}
body {
  font: normal normal normal 14px/24px \5FAE\8F6F\96C5\9ED1,Microsoft YaHei;
  color:#333333;
  line-height:24px;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
  outline: none;
  color:#333333;
}
img {
  border: none;
}
input,
textarea {
  outline: none;
}
.online-message {
  cursor: pointer;
}

/*
----------------------------------------------
*/

.head{
	width:100%;
	background:#ffffff;
}

.head .box{
	width:1150px;
	height:95px;
	margin: 0 auto;
	margin-top:15px;
}
.head .box .logo {
	float:left;
	text-align:center;
	width:260px;
	height:62px;
}

.head .box .tel {
	width:222px;
	height:58px;
	float:right;
	text-align:center;
	margin-top:10px;
	background:url(../images/tel.jpg)no-repeat;
}

.head .nav{
	width:100%;
	background:#0066CC;
	border-bottom:#0066FF 2px solid;
	
}
.head .nav ul{
	margin:auto;
	width:1150px;
	height:52px;
	padding-left:85px;
}
.head .nav li{
    line-height:52px;
    display: block;
	float:left;
	padding:0px 20px;
}
.head .nav a{
    font-size:16px;
	color:#FFFFFF;
}
.head .nav li:hover {
	background: #0973dc;
}

.head .nav .current{
	background: #0066FF;

}
/*
----------------------------------------------
*/

.product {
	width:100%;
	height:660px;
	padding-top:40px;
}
.product .title {
	width:1150px;
	margin: 0 auto;
	margin-bottom:20px;
}
.product .title li{
	width:100%;
	text-align:center;
}
.product .title li span{
	font-size:26px;
	line-height:32px;
	color:#009fe9;
}
.product .title li p{
	font-size:16px;
	line-height:32px;
	color:#999999;
}

.product .box {
	width:1150px;
	margin: 0 auto;
}

.product .box .list{
	height:400px;
	display: block;
	float: right;
	padding-left:70px;
}
.product .box .list li{
	height:220px;
	width:300px;
	border: #999999 1px solid;
	border-radius:6px;
	display: block;
	float: left;
	margin: 20px 50px 0px 0px;
	color:#FFFFFF;
}

.product .box .list li span{
	line-height:50px;
	padding-left:20px;
	display: block;
	margin-top:170px;
	background-color:#999999; opacity:0.8;
	border-radius: 0px 0px 4px 4px;
	text-align:center;
	font-size:16px;
}

.product .box .list li span:hover{
	background-color:#0099FF; opacity:0.8;
	color:#ffffff;
}
/*
----------------------------------------------
*/

.advantage {
	width:100%;
	height:480px;
	padding-top:40px;
	background:url(../images/advantage.jpg);
}
.advantage .title {
	width:1150px;
	margin: 0 auto;
	margin-bottom:20px;
}
.advantage .title li{
	width:100%;
	text-align:center;
}
.advantage .title li span{
	font-size:26px;
	line-height:32px;
	color:#ffffff;
}
.advantage .title li p{
	font-size:16px;
	line-height:32px;
	color:#ffffff;
}

.advantage .box {
	width:1150px;
	margin: 0 auto;
	padding-top:20px;
}

.advantage .box .list{
	display: block;
	padding-left:20px;
}
.advantage .box .list li{
	margin:auto;
	margin-left:40px;
	float:left;
}
.advantage .box .list li p{
	height:160px;
	width:160px;
	border-radius:83px;
	border:#FFFFFF 6px solid;
	display: block;
	color:#FFFFFF;
}
.advantage .box .list li p:hover{
	border:#0099FF 6px solid;
}
.advantage .box .list li span{
	display: block;
	text-align:center;
	font-size:14px;
	color:#FFFFFF;
	line-height:36px;
}


/*
----------------------------------------------
*/
.news {
	width:100%;
	height:460px;
	padding-top:80px;
	background:#eeeeee;
}

.news .title {
	width:850px;
	margin: 0 auto;
	margin-bottom:80px;
}
.news .title li{
	width:100%;
	text-align:center;
}
.news .title li span{
	font-size:26px;
	line-height:32px;
	color:#333333;
}
.news .title li p{
	font-size:16px;
	line-height:32px;
	color:#999999;
}

.news .list {
	width:1150px;
	margin: 0 auto;
}

.news .list li{
	width:323px;
	float:left;
	margin-left:30px;
	margin-bottom:30px;
	background:#FFFFFF;
	border:#cccccc 1px solid;
	padding:8px;
}
.news .list li:hover{
	border: #999999 1px solid;
	background:#F5F5F5;
}
.news .list li img{
	width:324px;
	height:180px;
}

.news .list li span{
	font-size:16px;
	float:left;
	line-height:46px;
	width:95%;
	color: #333333;
	padding-left:8px;
}

.news .list li p{
	font-size:14px;
	float:left;
	width:95%;
	color: #999999;
	padding-left:8px;
	padding-bottom:10px;
}
/*
----------------------------------------------
*/
.about{
	width:100%;
	height:480px;
}
.about .decorate{
	width:100%;
	height:30px;
	background:#ffffff;
}


.about .content{
	width:1100px;
	margin: 0 auto;
	padding:30px;

}

.about .content .right{
	float:right;
	width:400px;
	padding-top:50px;
	padding-right:30px;
}


.about .content .left{
	float:left;
	width:500px;
	padding-top:60px;
	padding-left:20px;
}
.about .content .left li{
	text-align:left;
}

.about .content .left a{
	background: #FF9900;
	height:36px;
	text-align:center;
	line-height:36px;
	border-radius:5px;
	color:#ffffff;
	padding:8px 20px;
}
.about .content .left a:hover{
	background: #FF6600;
}

/*
----------------------------------------------
*/

.foot{
	width:100%;
	background:#333333;
	height:280px;
	border-top:#222222 12px solid;
}
.foot .content{
	width:1150px;
	margin:0 auto;
	color:#cccccc;
	font-size:14px;
	padding-top:50px;
}

.foot .content .upper{
	width:100%;
	height:180px;
	color:#ffffff;

}
.foot .content .upper li{
	float:left;
	width:50%;
}
.foot .content .upper li span{
	font-size:16px;
}

.foot .content .lower{ 
	width:100%;
	height:40px;
	line-height:40px;
	border-top:#666666 1px solid;
}
.foot .content .lower li{ 
	float:left;
	width:50%;
}
.foot .content .lower li a{
	color:#cccccc;
}

/*
----------------------------------------------
*/
.column-banner {
	width:100%;
	background: #999999;
	height:211px;
}

.column-menu {
	width:100%;
	border-top:#CCCCCC 1px solid;
	padding-top:12px;
}
.column-menu ul{
	width:1100px;
	margin:0 auto;
}
.column-menu li{
	text-align:center;
}
.column-menu a{
	width:100px;
	background:#0066CC;
	margin-right:20px;
	padding:10px 22px;
	color:#FFFFFF;
	border-radius:10px;
	font-size:16px;
	line-height:60px;
}
.column-menu a:hover{
	background:#999999;
}

.column-details {
	width:100%;
	background:#FFFFFF;
}
.column-details ul{
	width:1100px;
	min-height:600px;
	margin:0 auto;
	padding:20px 0px;
}

/*
-----------------------------------
*/
.ui-banner-wrap {
  width: 100%;
  height: 480px;
  position: relative;
  overflow: hidden;
}
.ui-banner-scroll {
  position: relative;
}
.ui-banner-scroll a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 480px;
  display: block;
}
.ui-banner-pointer {
  position: absolute;
  bottom: 30px;
  z-index: 9999;
}
.ui-banner-pointer a {
  background-color: #999;
  border-radius: 10px;
  width: 10px;
  height: 10px;
  display: block;
  float: left;
  margin-right: 10px;
}
.ui-banner-pointer a.current {
  background-color: #ff0000;
}
.ui-banner-pointer:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}